<template>
	<div class="tabnav">
		<div class="box" v-if="template_color==1">
			<div :class="activeInd==0?'active':''" @click="go('/')">
				<!-- <i v-if="activeInd==0" aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -1.02857rem;
    background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -0.514286rem;
    background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==0" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M9.47363 16.8744C9.47363 15.4569 10.6228 14.3077 12.0403 14.3077V14.3077C13.4578 14.3077 14.6069 15.4569 14.6069 16.8744V22H9.47363V16.8744Z"
							fill="currentColor"></path>
						<mask id="path-2-inside-1_2785_100151" fill="white">
							<path fill-rule="evenodd" clip-rule="evenodd"
								d="M5.27464 22C4.61816 22 3.79755 21.8314 3.79755 20.4828V13.2339H1.49983C1.00747 13.2339 0.679224 12.0538 1.49983 11.2109C1.96225 10.7359 4.66563 8.17325 7.02564 5.93607C8.85371 4.20314 10.4758 2.66551 10.6907 2.44476C10.9611 2.16695 11.4792 1.99088 12.0001 2.00037C12.5209 1.99088 13.039 2.16695 13.3094 2.44476C13.5244 2.66551 15.1464 4.20315 16.9745 5.93609C19.3345 8.17327 22.0379 10.7359 22.5003 11.2109C23.3209 12.0538 22.9927 13.2339 22.5003 13.2339H20.2026V20.4828C20.2026 21.8314 19.382 22 18.7255 22H13.1525H10.8476H5.27464Z">
							</path>
						</mask>
						<path
							d="M3.79755 13.2339H5.29755V11.7339H3.79755V13.2339ZM1.49983 11.2109L2.57461 12.2573L2.57461 12.2573L1.49983 11.2109ZM7.02564 5.93607L8.05759 7.02468L8.05759 7.02468L7.02564 5.93607ZM10.6907 2.44476L9.6159 1.3984L9.6159 1.3984L10.6907 2.44476ZM12.0001 2.00037L11.9727 3.50012L12.0001 3.50061L12.0274 3.50012L12.0001 2.00037ZM13.3094 2.44476L14.3842 1.3984L14.3842 1.3984L13.3094 2.44476ZM16.9745 5.93609L15.9426 7.0247L15.9426 7.0247L16.9745 5.93609ZM22.5003 11.2109L23.5751 10.1645L23.5751 10.1645L22.5003 11.2109ZM20.2026 13.2339V11.7339H18.7026V13.2339H20.2026ZM2.29755 20.4828C2.29755 21.4733 2.61632 22.3797 3.40259 22.9565C4.09293 23.463 4.87482 23.5 5.27464 23.5V20.5C5.22388 20.5 5.18293 20.4983 5.14966 20.4955C5.11633 20.4927 5.09604 20.4891 5.08622 20.487C5.07656 20.4849 5.08217 20.4852 5.09855 20.4921C5.1157 20.4993 5.14399 20.5133 5.17723 20.5377C5.19369 20.5498 5.21031 20.5636 5.22649 20.5792C5.24271 20.5948 5.2574 20.6111 5.27037 20.6276C5.28334 20.6441 5.2936 20.6595 5.30149 20.6729C5.30935 20.6863 5.3142 20.6966 5.31683 20.7028C5.32211 20.7153 5.31724 20.7082 5.31102 20.6731C5.3047 20.6375 5.29755 20.5761 5.29755 20.4828H2.29755ZM2.29755 13.2339V20.4828H5.29755V13.2339H2.29755ZM1.49983 14.7339H3.79755V11.7339H1.49983V14.7339ZM0.425061 10.1645C-0.31189 10.9215 -0.568511 11.8737 -0.484717 12.6914C-0.443944 13.0892 -0.315265 13.5229 -0.0496598 13.9C0.209681 14.2683 0.726273 14.7339 1.49983 14.7339V11.7339C2.02721 11.7339 2.31814 12.052 2.4031 12.1726C2.45231 12.2425 2.47538 12.2986 2.48568 12.3286C2.49653 12.3602 2.49904 12.3795 2.49965 12.3855C2.50139 12.4025 2.49095 12.3432 2.57461 12.2573L0.425061 10.1645ZM5.99368 4.84746C3.65619 7.06329 0.915272 9.66102 0.42506 10.1645L2.57461 12.2573C3.00924 11.8108 5.67506 9.28321 8.05759 7.02468L5.99368 4.84746ZM9.6159 1.3984C9.42887 1.59051 7.84606 3.09149 5.99368 4.84746L8.05759 7.02468C9.86136 5.31479 11.5227 3.7405 11.7655 3.49111L9.6159 1.3984ZM12.0274 0.500614C11.2394 0.486264 10.2641 0.732629 9.6159 1.3984L11.7654 3.49111C11.7234 3.53433 11.6943 3.55106 11.6936 3.55151C11.6916 3.55265 11.7043 3.54518 11.7337 3.53519C11.7963 3.51393 11.8835 3.49849 11.9727 3.50012L12.0274 0.500614ZM12.0274 3.50012C12.1166 3.49849 12.2038 3.51393 12.2664 3.53519C12.2958 3.54518 12.3085 3.55265 12.3066 3.55151C12.3058 3.55106 12.2767 3.53433 12.2347 3.49111L14.3842 1.3984C13.736 0.732629 12.7607 0.486264 11.9727 0.500614L12.0274 3.50012ZM12.2347 3.49111C12.4775 3.74051 14.1388 5.3148 15.9426 7.0247L18.0065 4.84748C16.1541 3.0915 14.5712 1.59051 14.3842 1.3984L12.2347 3.49111ZM15.9426 7.0247C18.3251 9.28323 20.9909 11.8108 21.4255 12.2573L23.5751 10.1645C23.0848 9.66102 20.3439 7.06331 18.0065 4.84748L15.9426 7.0247ZM21.4255 12.2573C21.5092 12.3432 21.4987 12.4025 21.5005 12.3855C21.5011 12.3795 21.5036 12.3602 21.5144 12.3286C21.5247 12.2986 21.5478 12.2425 21.597 12.1726C21.682 12.052 21.9729 11.7339 22.5003 11.7339V14.7339C23.2738 14.7339 23.7904 14.2683 24.0498 13.9C24.3154 13.5229 24.4441 13.0892 24.4848 12.6914C24.5686 11.8737 24.312 10.9215 23.5751 10.1645L21.4255 12.2573ZM22.5003 11.7339H20.2026V14.7339H22.5003V11.7339ZM18.7026 13.2339V20.4828H21.7026V13.2339H18.7026ZM18.7026 20.4828C18.7026 20.5761 18.6954 20.6375 18.6891 20.6731C18.6829 20.7082 18.678 20.7153 18.6833 20.7028C18.6859 20.6966 18.6908 20.6863 18.6986 20.6729C18.7065 20.6595 18.7168 20.6441 18.7297 20.6276C18.7427 20.6111 18.7574 20.5948 18.7736 20.5792C18.7898 20.5636 18.8064 20.5498 18.8229 20.5377C18.8561 20.5133 18.8844 20.4993 18.9016 20.4921C18.918 20.4852 18.9236 20.4849 18.9139 20.487C18.9041 20.4891 18.8838 20.4927 18.8505 20.4955C18.8172 20.4983 18.7762 20.5 18.7255 20.5V23.5C19.1253 23.5 19.9072 23.463 20.5975 22.9565C21.3838 22.3797 21.7026 21.4733 21.7026 20.4828H18.7026ZM18.7255 20.5H13.1525V23.5H18.7255V20.5ZM13.1525 20.5H10.8476V23.5H13.1525V20.5ZM5.27464 23.5H10.8476V20.5H5.27464V23.5Z"
							fill="currentColor" mask="url(#path-2-inside-1_2785_100151)"></path>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M9.47363 16.8744C9.47363 15.4569 10.6228 14.3077 12.0403 14.3077V14.3077C13.4578 14.3077 14.6069 15.4569 14.6069 16.8744V22H9.47363V16.8744Z"
							fill="currentColor"></path>
						<mask id="path-2-inside-1_2785_100151" fill="white">
							<path fill-rule="evenodd" clip-rule="evenodd"
								d="M5.27464 22C4.61816 22 3.79755 21.8314 3.79755 20.4828V13.2339H1.49983C1.00747 13.2339 0.679224 12.0538 1.49983 11.2109C1.96225 10.7359 4.66563 8.17325 7.02564 5.93607C8.85371 4.20314 10.4758 2.66551 10.6907 2.44476C10.9611 2.16695 11.4792 1.99088 12.0001 2.00037C12.5209 1.99088 13.039 2.16695 13.3094 2.44476C13.5244 2.66551 15.1464 4.20315 16.9745 5.93609C19.3345 8.17327 22.0379 10.7359 22.5003 11.2109C23.3209 12.0538 22.9927 13.2339 22.5003 13.2339H20.2026V20.4828C20.2026 21.8314 19.382 22 18.7255 22H13.1525H10.8476H5.27464Z">
							</path>
						</mask>
						<path
							d="M3.79755 13.2339H5.29755V11.7339H3.79755V13.2339ZM1.49983 11.2109L2.57461 12.2573L2.57461 12.2573L1.49983 11.2109ZM7.02564 5.93607L8.05759 7.02468L8.05759 7.02468L7.02564 5.93607ZM10.6907 2.44476L9.6159 1.3984L9.6159 1.3984L10.6907 2.44476ZM12.0001 2.00037L11.9727 3.50012L12.0001 3.50061L12.0274 3.50012L12.0001 2.00037ZM13.3094 2.44476L14.3842 1.3984L14.3842 1.3984L13.3094 2.44476ZM16.9745 5.93609L15.9426 7.0247L15.9426 7.0247L16.9745 5.93609ZM22.5003 11.2109L23.5751 10.1645L23.5751 10.1645L22.5003 11.2109ZM20.2026 13.2339V11.7339H18.7026V13.2339H20.2026ZM2.29755 20.4828C2.29755 21.4733 2.61632 22.3797 3.40259 22.9565C4.09293 23.463 4.87482 23.5 5.27464 23.5V20.5C5.22388 20.5 5.18293 20.4983 5.14966 20.4955C5.11633 20.4927 5.09604 20.4891 5.08622 20.487C5.07656 20.4849 5.08217 20.4852 5.09855 20.4921C5.1157 20.4993 5.14399 20.5133 5.17723 20.5377C5.19369 20.5498 5.21031 20.5636 5.22649 20.5792C5.24271 20.5948 5.2574 20.6111 5.27037 20.6276C5.28334 20.6441 5.2936 20.6595 5.30149 20.6729C5.30935 20.6863 5.3142 20.6966 5.31683 20.7028C5.32211 20.7153 5.31724 20.7082 5.31102 20.6731C5.3047 20.6375 5.29755 20.5761 5.29755 20.4828H2.29755ZM2.29755 13.2339V20.4828H5.29755V13.2339H2.29755ZM1.49983 14.7339H3.79755V11.7339H1.49983V14.7339ZM0.425061 10.1645C-0.31189 10.9215 -0.568511 11.8737 -0.484717 12.6914C-0.443944 13.0892 -0.315265 13.5229 -0.0496598 13.9C0.209681 14.2683 0.726273 14.7339 1.49983 14.7339V11.7339C2.02721 11.7339 2.31814 12.052 2.4031 12.1726C2.45231 12.2425 2.47538 12.2986 2.48568 12.3286C2.49653 12.3602 2.49904 12.3795 2.49965 12.3855C2.50139 12.4025 2.49095 12.3432 2.57461 12.2573L0.425061 10.1645ZM5.99368 4.84746C3.65619 7.06329 0.915272 9.66102 0.42506 10.1645L2.57461 12.2573C3.00924 11.8108 5.67506 9.28321 8.05759 7.02468L5.99368 4.84746ZM9.6159 1.3984C9.42887 1.59051 7.84606 3.09149 5.99368 4.84746L8.05759 7.02468C9.86136 5.31479 11.5227 3.7405 11.7655 3.49111L9.6159 1.3984ZM12.0274 0.500614C11.2394 0.486264 10.2641 0.732629 9.6159 1.3984L11.7654 3.49111C11.7234 3.53433 11.6943 3.55106 11.6936 3.55151C11.6916 3.55265 11.7043 3.54518 11.7337 3.53519C11.7963 3.51393 11.8835 3.49849 11.9727 3.50012L12.0274 0.500614ZM12.0274 3.50012C12.1166 3.49849 12.2038 3.51393 12.2664 3.53519C12.2958 3.54518 12.3085 3.55265 12.3066 3.55151C12.3058 3.55106 12.2767 3.53433 12.2347 3.49111L14.3842 1.3984C13.736 0.732629 12.7607 0.486264 11.9727 0.500614L12.0274 3.50012ZM12.2347 3.49111C12.4775 3.74051 14.1388 5.3148 15.9426 7.0247L18.0065 4.84748C16.1541 3.0915 14.5712 1.59051 14.3842 1.3984L12.2347 3.49111ZM15.9426 7.0247C18.3251 9.28323 20.9909 11.8108 21.4255 12.2573L23.5751 10.1645C23.0848 9.66102 20.3439 7.06331 18.0065 4.84748L15.9426 7.0247ZM21.4255 12.2573C21.5092 12.3432 21.4987 12.4025 21.5005 12.3855C21.5011 12.3795 21.5036 12.3602 21.5144 12.3286C21.5247 12.2986 21.5478 12.2425 21.597 12.1726C21.682 12.052 21.9729 11.7339 22.5003 11.7339V14.7339C23.2738 14.7339 23.7904 14.2683 24.0498 13.9C24.3154 13.5229 24.4441 13.0892 24.4848 12.6914C24.5686 11.8737 24.312 10.9215 23.5751 10.1645L21.4255 12.2573ZM22.5003 11.7339H20.2026V14.7339H22.5003V11.7339ZM18.7026 13.2339V20.4828H21.7026V13.2339H18.7026ZM18.7026 20.4828C18.7026 20.5761 18.6954 20.6375 18.6891 20.6731C18.6829 20.7082 18.678 20.7153 18.6833 20.7028C18.6859 20.6966 18.6908 20.6863 18.6986 20.6729C18.7065 20.6595 18.7168 20.6441 18.7297 20.6276C18.7427 20.6111 18.7574 20.5948 18.7736 20.5792C18.7898 20.5636 18.8064 20.5498 18.8229 20.5377C18.8561 20.5133 18.8844 20.4993 18.9016 20.4921C18.918 20.4852 18.9236 20.4849 18.9139 20.487C18.9041 20.4891 18.8838 20.4927 18.8505 20.4955C18.8172 20.4983 18.7762 20.5 18.7255 20.5V23.5C19.1253 23.5 19.9072 23.463 20.5975 22.9565C21.3838 22.3797 21.7026 21.4733 21.7026 20.4828H18.7026ZM18.7255 20.5H13.1525V23.5H18.7255V20.5ZM13.1525 20.5H10.8476V23.5H13.1525V20.5ZM5.27464 23.5H10.8476V20.5H5.27464V23.5Z"
							fill="currentColor" mask="url(#path-2-inside-1_2785_100151)"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title1')}}</span>
			</div>
			<!-- '/preferential/preferential' -->
			<div :class="activeInd==1?'active':''" @click="go('/preferential/live')">
				<!-- <i v-if="activeInd==1" aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: 0rem -6.47143rem;
    background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -5.65714rem;
    background-size: 7.74286rem 7.70714rem;"></i> -->
				<div v-if="activeInd==1" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24"
						height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-bg-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-bg-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-secondary-color-help-text-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-secondary-color-help-text-color)"></path>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-secondary-color-help-text-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-secondary-color-help-text-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-bg-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-bg-color)"></path>
					</svg></div>
				<!-- <div v-else class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-secondary-color-help-text-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-secondary-color-help-text-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-bg-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-bg-color)"></path>
					</svg></div> -->
				<span>{{$t('h_Tabnav.title2')}}</span>
			</div>
			<div :class="activeInd==2?'active':''" @click="go('/mine/promotion')">
				<!-- <i v-if="activeInd==2" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.56rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position: -6.8rem -1.54286rem;background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -1.54286rem;background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==2" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M13.3095 6.75H22.25V12.75H13.3095C11.6987 12.75 10.3928 11.4442 10.3928 9.83333V9.66667C10.3928 8.05584 11.6987 6.75 13.3095 6.75Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<rect x="1.75" y="3.75" width="20.5" height="16.5" rx="1.25" stroke="currentColor"
							stroke-width="1.5"></rect>
						<rect x="4.66675" y="6.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="9.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="12.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="15.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<ellipse cx="14.2699" cy="9.75" rx="1.57143" ry="1.5" fill="currentColor"></ellipse>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M13.3095 6.75H22.25V12.75H13.3095C11.6987 12.75 10.3928 11.4442 10.3928 9.83333V9.66667C10.3928 8.05584 11.6987 6.75 13.3095 6.75Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<rect x="1.75" y="3.75" width="20.5" height="16.5" rx="1.25" stroke="currentColor"
							stroke-width="1.5"></rect>
						<rect x="4.66675" y="6.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="9.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="12.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="15.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<ellipse cx="14.2699" cy="9.75" rx="1.57143" ry="1.5" fill="currentColor"></ellipse>
					</svg></div>
				<span>{{$t('l_tuiguang')}}</span>
			</div>
			<!-- <div :class="activeInd==2?'active':''" @click="go('/recharge/recharge')">
				<i v-if="activeInd==2" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.56rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position: -4.58rem -5.48rem;background-size: 7.72143rem 7.12143rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -4.05rem -5.48rem;background-size: 7.72143rem 7.12143rem;"></i>
				<span>{{$t('h_Tabnav.title3')}}</span>
			</div> -->
			<div :class="activeInd==3?'active':''" @click="go('/index/sevCus')">
				<!-- <i v-if="activeInd==3" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.5rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position:-5.14286rem -5.95714rem;background-size:7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -5.14286rem -5.95714rem;background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==3" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24"
						height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M3.12133 5.09676H3.89385C3.50211 4.43321 3.3302 3.8003 3.38512 3.21323C3.4307 2.72189 3.66379 2.01917 4.51796 1.45914C5.22614 0.99372 6.13685 0.879567 7.14722 1.13174C8.78568 1.5427 10.7248 2.95556 11.9998 4.66301C13.2756 2.95559 15.2132 1.5427 16.8516 1.13174C17.8628 0.877928 18.7743 0.992886 19.4824 1.45914C20.3358 2.01917 20.569 2.72189 20.6145 3.21323C20.6695 3.8003 20.4991 4.43321 20.1058 5.09676H20.8783C22.0481 5.09676 23 6.04848 23 7.21792V9.95002C23 10.8751 22.3892 11.6927 21.5056 11.9673C21.5896 12.1994 21.6335 12.4394 21.6335 12.6825V20.8793C21.6335 22.0479 20.6805 23 19.5107 23H4.48657C3.31682 23 2.3653 22.0479 2.3653 20.8793V12.6825C2.3653 12.4378 2.40765 12.197 2.49166 11.9664C1.60932 11.6903 0.999999 10.8727 0.999999 9.94999V7.21862C1.00003 6.04926 1.95156 5.09676 3.12133 5.09676ZM4.4866 21.4894H11.2446V12.0715H4.48657C4.14975 12.0715 3.87661 12.346 3.87661 12.6825V20.8792C3.87664 21.2157 4.14978 21.4894 4.4866 21.4894ZM10.4124 5.09676C9.3376 3.85828 7.92686 2.88503 6.78137 2.59794C6.18632 2.44895 5.69958 2.48973 5.34705 2.72189C4.97253 2.96773 4.9059 3.18692 4.89091 3.35247C4.83131 3.95948 5.4829 4.77789 5.79063 5.09676H10.4124ZM2.51212 7.21865V9.95002C2.51212 10.2865 2.78454 10.5601 3.12133 10.5601H11.2446V6.60807H3.12133C2.78454 6.60807 2.51212 6.88222 2.51212 7.21865ZM12.7559 12.0715V21.4894H19.5107C19.8483 21.4894 20.1216 21.2157 20.1216 20.8792V12.6825C20.1216 12.346 19.8483 12.0715 19.5107 12.0715H12.7559ZM19.1087 3.35247C19.0939 3.18692 19.0263 2.9677 18.6534 2.72189C18.3033 2.48973 17.8165 2.44695 17.2182 2.59794C16.0791 2.88341 14.6699 3.85675 13.5928 5.09676H18.2106C18.4862 4.81795 19.1692 3.97404 19.1087 3.35247ZM21.4891 7.21865C21.4891 6.88225 21.2159 6.60807 20.8784 6.60807H12.7559V10.5601H20.8784C21.2159 10.5601 21.4891 10.2865 21.4891 9.95002V7.21865Z"
							fill="currentColor"></path>
						<rect x="7.6001" y="14.2" width="2.2" height="4.4" fill="currentColor"></rect>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M3.12133 5.09676H3.89385C3.50211 4.43321 3.3302 3.8003 3.38512 3.21323C3.4307 2.72189 3.66379 2.01917 4.51796 1.45914C5.22614 0.99372 6.13685 0.879567 7.14722 1.13174C8.78568 1.5427 10.7248 2.95556 11.9998 4.66301C13.2756 2.95559 15.2132 1.5427 16.8516 1.13174C17.8628 0.877928 18.7743 0.992886 19.4824 1.45914C20.3358 2.01917 20.569 2.72189 20.6145 3.21323C20.6695 3.8003 20.4991 4.43321 20.1058 5.09676H20.8783C22.0481 5.09676 23 6.04848 23 7.21792V9.95002C23 10.8751 22.3892 11.6927 21.5056 11.9673C21.5896 12.1994 21.6335 12.4394 21.6335 12.6825V20.8793C21.6335 22.0479 20.6805 23 19.5107 23H4.48657C3.31682 23 2.3653 22.0479 2.3653 20.8793V12.6825C2.3653 12.4378 2.40765 12.197 2.49166 11.9664C1.60932 11.6903 0.999999 10.8727 0.999999 9.94999V7.21862C1.00003 6.04926 1.95156 5.09676 3.12133 5.09676ZM4.4866 21.4894H11.2446V12.0715H4.48657C4.14975 12.0715 3.87661 12.346 3.87661 12.6825V20.8792C3.87664 21.2157 4.14978 21.4894 4.4866 21.4894ZM10.4124 5.09676C9.3376 3.85828 7.92686 2.88503 6.78137 2.59794C6.18632 2.44895 5.69958 2.48973 5.34705 2.72189C4.97253 2.96773 4.9059 3.18692 4.89091 3.35247C4.83131 3.95948 5.4829 4.77789 5.79063 5.09676H10.4124ZM2.51212 7.21865V9.95002C2.51212 10.2865 2.78454 10.5601 3.12133 10.5601H11.2446V6.60807H3.12133C2.78454 6.60807 2.51212 6.88222 2.51212 7.21865ZM12.7559 12.0715V21.4894H19.5107C19.8483 21.4894 20.1216 21.2157 20.1216 20.8792V12.6825C20.1216 12.346 19.8483 12.0715 19.5107 12.0715H12.7559ZM19.1087 3.35247C19.0939 3.18692 19.0263 2.9677 18.6534 2.72189C18.3033 2.48973 17.8165 2.44695 17.2182 2.59794C16.0791 2.88341 14.6699 3.85675 13.5928 5.09676H18.2106C18.4862 4.81795 19.1692 3.97404 19.1087 3.35247ZM21.4891 7.21865C21.4891 6.88225 21.2159 6.60807 20.8784 6.60807H12.7559V10.5601H20.8784C21.2159 10.5601 21.4891 10.2865 21.4891 9.95002V7.21865Z"
							fill="currentColor"></path>
						<rect x="7.6001" y="14.2" width="2.2" height="4.4" fill="currentColor"></rect>
					</svg></div>
				<span>{{$t('h_Tabnav.title4')}}</span>
			</div>
			<div :class="activeInd==4?'active':''" @click="go('/mine/mine')">
				<!-- <i v-if="activeInd==4" aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -4.11429rem;background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -3.6rem;background-size: 7.74286rem 7.70714rem;"></i>
					 -->
				<div v-if="activeInd==4" class="svg-icon-UPCeJdd"
					style="fill: var(--theme-mine-icon-color); stroke: var(--theme-mine-icon-color);width: 0.5rem; height: 0.5rem;">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<rect x="11" y="14.16" width="2" height="5.88215" rx="1" fill="currentColor"></rect>
						<path
							d="M17.1569 6.48336C17.1569 9.08357 15.0026 11.2167 12.3137 11.2167C9.62475 11.2167 7.47046 9.08357 7.47046 6.48336C7.47046 3.88315 9.62475 1.75 12.3137 1.75C15.0026 1.75 17.1569 3.88315 17.1569 6.48336Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<path
							d="M10.8036 11.9857H13.1964C18.1966 11.9857 22.25 16.0391 22.25 21.0393C22.25 21.708 21.7079 22.25 21.0393 22.25H2.96072C2.29206 22.25 1.75 21.708 1.75 21.0393C1.75 16.0391 5.80343 11.9857 10.8036 11.9857Z"
							stroke="currentColor" stroke-width="1.5"></path>
					</svg>
				</div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<rect x="11" y="14.16" width="2" height="5.88215" rx="1" fill="currentColor"></rect>
						<path
							d="M17.1569 6.48336C17.1569 9.08357 15.0026 11.2167 12.3137 11.2167C9.62475 11.2167 7.47046 9.08357 7.47046 6.48336C7.47046 3.88315 9.62475 1.75 12.3137 1.75C15.0026 1.75 17.1569 3.88315 17.1569 6.48336Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<path
							d="M10.8036 11.9857H13.1964C18.1966 11.9857 22.25 16.0391 22.25 21.0393C22.25 21.708 21.7079 22.25 21.0393 22.25H2.96072C2.29206 22.25 1.75 21.708 1.75 21.0393C1.75 16.0391 5.80343 11.9857 10.8036 11.9857Z"
							stroke="currentColor" stroke-width="1.5"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title5')}}</span>
			</div>
		</div>
		<div class="box" v-else-if="template_color==2">
			<div :class="activeInd==0?'active':''" @click="go('/')">
				<!-- <i v-if="activeInd==0" aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -1.02857rem;
				background-size: 7.74286rem 7.70714rem;"></i>
							<i v-else aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -0.514286rem;
				background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==0" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M9.47363 16.8744C9.47363 15.4569 10.6228 14.3077 12.0403 14.3077V14.3077C13.4578 14.3077 14.6069 15.4569 14.6069 16.8744V22H9.47363V16.8744Z"
							fill="currentColor"></path>
						<mask id="path-2-inside-1_2785_100151" fill="white">
							<path fill-rule="evenodd" clip-rule="evenodd"
								d="M5.27464 22C4.61816 22 3.79755 21.8314 3.79755 20.4828V13.2339H1.49983C1.00747 13.2339 0.679224 12.0538 1.49983 11.2109C1.96225 10.7359 4.66563 8.17325 7.02564 5.93607C8.85371 4.20314 10.4758 2.66551 10.6907 2.44476C10.9611 2.16695 11.4792 1.99088 12.0001 2.00037C12.5209 1.99088 13.039 2.16695 13.3094 2.44476C13.5244 2.66551 15.1464 4.20315 16.9745 5.93609C19.3345 8.17327 22.0379 10.7359 22.5003 11.2109C23.3209 12.0538 22.9927 13.2339 22.5003 13.2339H20.2026V20.4828C20.2026 21.8314 19.382 22 18.7255 22H13.1525H10.8476H5.27464Z">
							</path>
						</mask>
						<path
							d="M3.79755 13.2339H5.29755V11.7339H3.79755V13.2339ZM1.49983 11.2109L2.57461 12.2573L2.57461 12.2573L1.49983 11.2109ZM7.02564 5.93607L8.05759 7.02468L8.05759 7.02468L7.02564 5.93607ZM10.6907 2.44476L9.6159 1.3984L9.6159 1.3984L10.6907 2.44476ZM12.0001 2.00037L11.9727 3.50012L12.0001 3.50061L12.0274 3.50012L12.0001 2.00037ZM13.3094 2.44476L14.3842 1.3984L14.3842 1.3984L13.3094 2.44476ZM16.9745 5.93609L15.9426 7.0247L15.9426 7.0247L16.9745 5.93609ZM22.5003 11.2109L23.5751 10.1645L23.5751 10.1645L22.5003 11.2109ZM20.2026 13.2339V11.7339H18.7026V13.2339H20.2026ZM2.29755 20.4828C2.29755 21.4733 2.61632 22.3797 3.40259 22.9565C4.09293 23.463 4.87482 23.5 5.27464 23.5V20.5C5.22388 20.5 5.18293 20.4983 5.14966 20.4955C5.11633 20.4927 5.09604 20.4891 5.08622 20.487C5.07656 20.4849 5.08217 20.4852 5.09855 20.4921C5.1157 20.4993 5.14399 20.5133 5.17723 20.5377C5.19369 20.5498 5.21031 20.5636 5.22649 20.5792C5.24271 20.5948 5.2574 20.6111 5.27037 20.6276C5.28334 20.6441 5.2936 20.6595 5.30149 20.6729C5.30935 20.6863 5.3142 20.6966 5.31683 20.7028C5.32211 20.7153 5.31724 20.7082 5.31102 20.6731C5.3047 20.6375 5.29755 20.5761 5.29755 20.4828H2.29755ZM2.29755 13.2339V20.4828H5.29755V13.2339H2.29755ZM1.49983 14.7339H3.79755V11.7339H1.49983V14.7339ZM0.425061 10.1645C-0.31189 10.9215 -0.568511 11.8737 -0.484717 12.6914C-0.443944 13.0892 -0.315265 13.5229 -0.0496598 13.9C0.209681 14.2683 0.726273 14.7339 1.49983 14.7339V11.7339C2.02721 11.7339 2.31814 12.052 2.4031 12.1726C2.45231 12.2425 2.47538 12.2986 2.48568 12.3286C2.49653 12.3602 2.49904 12.3795 2.49965 12.3855C2.50139 12.4025 2.49095 12.3432 2.57461 12.2573L0.425061 10.1645ZM5.99368 4.84746C3.65619 7.06329 0.915272 9.66102 0.42506 10.1645L2.57461 12.2573C3.00924 11.8108 5.67506 9.28321 8.05759 7.02468L5.99368 4.84746ZM9.6159 1.3984C9.42887 1.59051 7.84606 3.09149 5.99368 4.84746L8.05759 7.02468C9.86136 5.31479 11.5227 3.7405 11.7655 3.49111L9.6159 1.3984ZM12.0274 0.500614C11.2394 0.486264 10.2641 0.732629 9.6159 1.3984L11.7654 3.49111C11.7234 3.53433 11.6943 3.55106 11.6936 3.55151C11.6916 3.55265 11.7043 3.54518 11.7337 3.53519C11.7963 3.51393 11.8835 3.49849 11.9727 3.50012L12.0274 0.500614ZM12.0274 3.50012C12.1166 3.49849 12.2038 3.51393 12.2664 3.53519C12.2958 3.54518 12.3085 3.55265 12.3066 3.55151C12.3058 3.55106 12.2767 3.53433 12.2347 3.49111L14.3842 1.3984C13.736 0.732629 12.7607 0.486264 11.9727 0.500614L12.0274 3.50012ZM12.2347 3.49111C12.4775 3.74051 14.1388 5.3148 15.9426 7.0247L18.0065 4.84748C16.1541 3.0915 14.5712 1.59051 14.3842 1.3984L12.2347 3.49111ZM15.9426 7.0247C18.3251 9.28323 20.9909 11.8108 21.4255 12.2573L23.5751 10.1645C23.0848 9.66102 20.3439 7.06331 18.0065 4.84748L15.9426 7.0247ZM21.4255 12.2573C21.5092 12.3432 21.4987 12.4025 21.5005 12.3855C21.5011 12.3795 21.5036 12.3602 21.5144 12.3286C21.5247 12.2986 21.5478 12.2425 21.597 12.1726C21.682 12.052 21.9729 11.7339 22.5003 11.7339V14.7339C23.2738 14.7339 23.7904 14.2683 24.0498 13.9C24.3154 13.5229 24.4441 13.0892 24.4848 12.6914C24.5686 11.8737 24.312 10.9215 23.5751 10.1645L21.4255 12.2573ZM22.5003 11.7339H20.2026V14.7339H22.5003V11.7339ZM18.7026 13.2339V20.4828H21.7026V13.2339H18.7026ZM18.7026 20.4828C18.7026 20.5761 18.6954 20.6375 18.6891 20.6731C18.6829 20.7082 18.678 20.7153 18.6833 20.7028C18.6859 20.6966 18.6908 20.6863 18.6986 20.6729C18.7065 20.6595 18.7168 20.6441 18.7297 20.6276C18.7427 20.6111 18.7574 20.5948 18.7736 20.5792C18.7898 20.5636 18.8064 20.5498 18.8229 20.5377C18.8561 20.5133 18.8844 20.4993 18.9016 20.4921C18.918 20.4852 18.9236 20.4849 18.9139 20.487C18.9041 20.4891 18.8838 20.4927 18.8505 20.4955C18.8172 20.4983 18.7762 20.5 18.7255 20.5V23.5C19.1253 23.5 19.9072 23.463 20.5975 22.9565C21.3838 22.3797 21.7026 21.4733 21.7026 20.4828H18.7026ZM18.7255 20.5H13.1525V23.5H18.7255V20.5ZM13.1525 20.5H10.8476V23.5H13.1525V20.5ZM5.27464 23.5H10.8476V20.5H5.27464V23.5Z"
							fill="currentColor" mask="url(#path-2-inside-1_2785_100151)"></path>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M9.47363 16.8744C9.47363 15.4569 10.6228 14.3077 12.0403 14.3077V14.3077C13.4578 14.3077 14.6069 15.4569 14.6069 16.8744V22H9.47363V16.8744Z"
							fill="currentColor"></path>
						<mask id="path-2-inside-1_2785_100151" fill="white">
							<path fill-rule="evenodd" clip-rule="evenodd"
								d="M5.27464 22C4.61816 22 3.79755 21.8314 3.79755 20.4828V13.2339H1.49983C1.00747 13.2339 0.679224 12.0538 1.49983 11.2109C1.96225 10.7359 4.66563 8.17325 7.02564 5.93607C8.85371 4.20314 10.4758 2.66551 10.6907 2.44476C10.9611 2.16695 11.4792 1.99088 12.0001 2.00037C12.5209 1.99088 13.039 2.16695 13.3094 2.44476C13.5244 2.66551 15.1464 4.20315 16.9745 5.93609C19.3345 8.17327 22.0379 10.7359 22.5003 11.2109C23.3209 12.0538 22.9927 13.2339 22.5003 13.2339H20.2026V20.4828C20.2026 21.8314 19.382 22 18.7255 22H13.1525H10.8476H5.27464Z">
							</path>
						</mask>
						<path
							d="M3.79755 13.2339H5.29755V11.7339H3.79755V13.2339ZM1.49983 11.2109L2.57461 12.2573L2.57461 12.2573L1.49983 11.2109ZM7.02564 5.93607L8.05759 7.02468L8.05759 7.02468L7.02564 5.93607ZM10.6907 2.44476L9.6159 1.3984L9.6159 1.3984L10.6907 2.44476ZM12.0001 2.00037L11.9727 3.50012L12.0001 3.50061L12.0274 3.50012L12.0001 2.00037ZM13.3094 2.44476L14.3842 1.3984L14.3842 1.3984L13.3094 2.44476ZM16.9745 5.93609L15.9426 7.0247L15.9426 7.0247L16.9745 5.93609ZM22.5003 11.2109L23.5751 10.1645L23.5751 10.1645L22.5003 11.2109ZM20.2026 13.2339V11.7339H18.7026V13.2339H20.2026ZM2.29755 20.4828C2.29755 21.4733 2.61632 22.3797 3.40259 22.9565C4.09293 23.463 4.87482 23.5 5.27464 23.5V20.5C5.22388 20.5 5.18293 20.4983 5.14966 20.4955C5.11633 20.4927 5.09604 20.4891 5.08622 20.487C5.07656 20.4849 5.08217 20.4852 5.09855 20.4921C5.1157 20.4993 5.14399 20.5133 5.17723 20.5377C5.19369 20.5498 5.21031 20.5636 5.22649 20.5792C5.24271 20.5948 5.2574 20.6111 5.27037 20.6276C5.28334 20.6441 5.2936 20.6595 5.30149 20.6729C5.30935 20.6863 5.3142 20.6966 5.31683 20.7028C5.32211 20.7153 5.31724 20.7082 5.31102 20.6731C5.3047 20.6375 5.29755 20.5761 5.29755 20.4828H2.29755ZM2.29755 13.2339V20.4828H5.29755V13.2339H2.29755ZM1.49983 14.7339H3.79755V11.7339H1.49983V14.7339ZM0.425061 10.1645C-0.31189 10.9215 -0.568511 11.8737 -0.484717 12.6914C-0.443944 13.0892 -0.315265 13.5229 -0.0496598 13.9C0.209681 14.2683 0.726273 14.7339 1.49983 14.7339V11.7339C2.02721 11.7339 2.31814 12.052 2.4031 12.1726C2.45231 12.2425 2.47538 12.2986 2.48568 12.3286C2.49653 12.3602 2.49904 12.3795 2.49965 12.3855C2.50139 12.4025 2.49095 12.3432 2.57461 12.2573L0.425061 10.1645ZM5.99368 4.84746C3.65619 7.06329 0.915272 9.66102 0.42506 10.1645L2.57461 12.2573C3.00924 11.8108 5.67506 9.28321 8.05759 7.02468L5.99368 4.84746ZM9.6159 1.3984C9.42887 1.59051 7.84606 3.09149 5.99368 4.84746L8.05759 7.02468C9.86136 5.31479 11.5227 3.7405 11.7655 3.49111L9.6159 1.3984ZM12.0274 0.500614C11.2394 0.486264 10.2641 0.732629 9.6159 1.3984L11.7654 3.49111C11.7234 3.53433 11.6943 3.55106 11.6936 3.55151C11.6916 3.55265 11.7043 3.54518 11.7337 3.53519C11.7963 3.51393 11.8835 3.49849 11.9727 3.50012L12.0274 0.500614ZM12.0274 3.50012C12.1166 3.49849 12.2038 3.51393 12.2664 3.53519C12.2958 3.54518 12.3085 3.55265 12.3066 3.55151C12.3058 3.55106 12.2767 3.53433 12.2347 3.49111L14.3842 1.3984C13.736 0.732629 12.7607 0.486264 11.9727 0.500614L12.0274 3.50012ZM12.2347 3.49111C12.4775 3.74051 14.1388 5.3148 15.9426 7.0247L18.0065 4.84748C16.1541 3.0915 14.5712 1.59051 14.3842 1.3984L12.2347 3.49111ZM15.9426 7.0247C18.3251 9.28323 20.9909 11.8108 21.4255 12.2573L23.5751 10.1645C23.0848 9.66102 20.3439 7.06331 18.0065 4.84748L15.9426 7.0247ZM21.4255 12.2573C21.5092 12.3432 21.4987 12.4025 21.5005 12.3855C21.5011 12.3795 21.5036 12.3602 21.5144 12.3286C21.5247 12.2986 21.5478 12.2425 21.597 12.1726C21.682 12.052 21.9729 11.7339 22.5003 11.7339V14.7339C23.2738 14.7339 23.7904 14.2683 24.0498 13.9C24.3154 13.5229 24.4441 13.0892 24.4848 12.6914C24.5686 11.8737 24.312 10.9215 23.5751 10.1645L21.4255 12.2573ZM22.5003 11.7339H20.2026V14.7339H22.5003V11.7339ZM18.7026 13.2339V20.4828H21.7026V13.2339H18.7026ZM18.7026 20.4828C18.7026 20.5761 18.6954 20.6375 18.6891 20.6731C18.6829 20.7082 18.678 20.7153 18.6833 20.7028C18.6859 20.6966 18.6908 20.6863 18.6986 20.6729C18.7065 20.6595 18.7168 20.6441 18.7297 20.6276C18.7427 20.6111 18.7574 20.5948 18.7736 20.5792C18.7898 20.5636 18.8064 20.5498 18.8229 20.5377C18.8561 20.5133 18.8844 20.4993 18.9016 20.4921C18.918 20.4852 18.9236 20.4849 18.9139 20.487C18.9041 20.4891 18.8838 20.4927 18.8505 20.4955C18.8172 20.4983 18.7762 20.5 18.7255 20.5V23.5C19.1253 23.5 19.9072 23.463 20.5975 22.9565C21.3838 22.3797 21.7026 21.4733 21.7026 20.4828H18.7026ZM18.7255 20.5H13.1525V23.5H18.7255V20.5ZM13.1525 20.5H10.8476V23.5H13.1525V20.5ZM5.27464 23.5H10.8476V20.5H5.27464V23.5Z"
							fill="currentColor" mask="url(#path-2-inside-1_2785_100151)"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title1')}}</span>
			</div>
			<!-- '/preferential/preferential' -->
			<div :class="activeInd==1?'active':''" @click="go('/preferential/live')">
				<!-- <i v-if="activeInd==1" aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: 0rem -6.47143rem;
				background-size: 7.74286rem 7.70714rem;"></i>
							<i v-else aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -5.65714rem;
				background-size: 7.74286rem 7.70714rem;"></i> -->
				<div v-if="activeInd==1" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24"
						height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-bg-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-bg-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-secondary-color-help-text-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-secondary-color-help-text-color)"></path>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-secondary-color-help-text-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-secondary-color-help-text-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-bg-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-bg-color)"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title2')}}</span>
			</div>
			<div :class="activeInd==2?'active':''" @click="go('/mine/promotion')">
				<!-- <i v-if="activeInd==2" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.56rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position: -6.8rem -1.54286rem;background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -1.54286rem;background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==2" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M13.3095 6.75H22.25V12.75H13.3095C11.6987 12.75 10.3928 11.4442 10.3928 9.83333V9.66667C10.3928 8.05584 11.6987 6.75 13.3095 6.75Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<rect x="1.75" y="3.75" width="20.5" height="16.5" rx="1.25" stroke="currentColor"
							stroke-width="1.5"></rect>
						<rect x="4.66675" y="6.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="9.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="12.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="15.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<ellipse cx="14.2699" cy="9.75" rx="1.57143" ry="1.5" fill="currentColor"></ellipse>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M13.3095 6.75H22.25V12.75H13.3095C11.6987 12.75 10.3928 11.4442 10.3928 9.83333V9.66667C10.3928 8.05584 11.6987 6.75 13.3095 6.75Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<rect x="1.75" y="3.75" width="20.5" height="16.5" rx="1.25" stroke="currentColor"
							stroke-width="1.5"></rect>
						<rect x="4.66675" y="6.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="9.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="12.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="15.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<ellipse cx="14.2699" cy="9.75" rx="1.57143" ry="1.5" fill="currentColor"></ellipse>
					</svg></div>
				<span>{{$t('l_tuiguang')}}</span>
			</div>
			<!-- <div :class="activeInd==2?'active':''" @click="go('/recharge/recharge')">
				<i v-if="activeInd==2" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.56rem;height: 0.5rem;background-image: url(/icons/index/imgs.png);background-position: -4.58rem -5.48rem;background-size: 7.72143rem 7.12143rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/imgs.png);background-position: -4.05rem -5.48rem;background-size: 7.72143rem 7.12143rem;"></i>
				<span>{{$t('h_Tabnav.title3')}}</span>
			</div> -->
			<div :class="activeInd==3?'active':''" @click="go('/index/sevCus')">
				<!-- <i v-if="activeInd==3" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.5rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position:-5.14286rem -5.95714rem;background-size:7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -5.14286rem -5.95714rem;background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==3" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24"
						height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M3.12133 5.09676H3.89385C3.50211 4.43321 3.3302 3.8003 3.38512 3.21323C3.4307 2.72189 3.66379 2.01917 4.51796 1.45914C5.22614 0.99372 6.13685 0.879567 7.14722 1.13174C8.78568 1.5427 10.7248 2.95556 11.9998 4.66301C13.2756 2.95559 15.2132 1.5427 16.8516 1.13174C17.8628 0.877928 18.7743 0.992886 19.4824 1.45914C20.3358 2.01917 20.569 2.72189 20.6145 3.21323C20.6695 3.8003 20.4991 4.43321 20.1058 5.09676H20.8783C22.0481 5.09676 23 6.04848 23 7.21792V9.95002C23 10.8751 22.3892 11.6927 21.5056 11.9673C21.5896 12.1994 21.6335 12.4394 21.6335 12.6825V20.8793C21.6335 22.0479 20.6805 23 19.5107 23H4.48657C3.31682 23 2.3653 22.0479 2.3653 20.8793V12.6825C2.3653 12.4378 2.40765 12.197 2.49166 11.9664C1.60932 11.6903 0.999999 10.8727 0.999999 9.94999V7.21862C1.00003 6.04926 1.95156 5.09676 3.12133 5.09676ZM4.4866 21.4894H11.2446V12.0715H4.48657C4.14975 12.0715 3.87661 12.346 3.87661 12.6825V20.8792C3.87664 21.2157 4.14978 21.4894 4.4866 21.4894ZM10.4124 5.09676C9.3376 3.85828 7.92686 2.88503 6.78137 2.59794C6.18632 2.44895 5.69958 2.48973 5.34705 2.72189C4.97253 2.96773 4.9059 3.18692 4.89091 3.35247C4.83131 3.95948 5.4829 4.77789 5.79063 5.09676H10.4124ZM2.51212 7.21865V9.95002C2.51212 10.2865 2.78454 10.5601 3.12133 10.5601H11.2446V6.60807H3.12133C2.78454 6.60807 2.51212 6.88222 2.51212 7.21865ZM12.7559 12.0715V21.4894H19.5107C19.8483 21.4894 20.1216 21.2157 20.1216 20.8792V12.6825C20.1216 12.346 19.8483 12.0715 19.5107 12.0715H12.7559ZM19.1087 3.35247C19.0939 3.18692 19.0263 2.9677 18.6534 2.72189C18.3033 2.48973 17.8165 2.44695 17.2182 2.59794C16.0791 2.88341 14.6699 3.85675 13.5928 5.09676H18.2106C18.4862 4.81795 19.1692 3.97404 19.1087 3.35247ZM21.4891 7.21865C21.4891 6.88225 21.2159 6.60807 20.8784 6.60807H12.7559V10.5601H20.8784C21.2159 10.5601 21.4891 10.2865 21.4891 9.95002V7.21865Z"
							fill="currentColor"></path>
						<rect x="7.6001" y="14.2" width="2.2" height="4.4" fill="currentColor"></rect>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M3.12133 5.09676H3.89385C3.50211 4.43321 3.3302 3.8003 3.38512 3.21323C3.4307 2.72189 3.66379 2.01917 4.51796 1.45914C5.22614 0.99372 6.13685 0.879567 7.14722 1.13174C8.78568 1.5427 10.7248 2.95556 11.9998 4.66301C13.2756 2.95559 15.2132 1.5427 16.8516 1.13174C17.8628 0.877928 18.7743 0.992886 19.4824 1.45914C20.3358 2.01917 20.569 2.72189 20.6145 3.21323C20.6695 3.8003 20.4991 4.43321 20.1058 5.09676H20.8783C22.0481 5.09676 23 6.04848 23 7.21792V9.95002C23 10.8751 22.3892 11.6927 21.5056 11.9673C21.5896 12.1994 21.6335 12.4394 21.6335 12.6825V20.8793C21.6335 22.0479 20.6805 23 19.5107 23H4.48657C3.31682 23 2.3653 22.0479 2.3653 20.8793V12.6825C2.3653 12.4378 2.40765 12.197 2.49166 11.9664C1.60932 11.6903 0.999999 10.8727 0.999999 9.94999V7.21862C1.00003 6.04926 1.95156 5.09676 3.12133 5.09676ZM4.4866 21.4894H11.2446V12.0715H4.48657C4.14975 12.0715 3.87661 12.346 3.87661 12.6825V20.8792C3.87664 21.2157 4.14978 21.4894 4.4866 21.4894ZM10.4124 5.09676C9.3376 3.85828 7.92686 2.88503 6.78137 2.59794C6.18632 2.44895 5.69958 2.48973 5.34705 2.72189C4.97253 2.96773 4.9059 3.18692 4.89091 3.35247C4.83131 3.95948 5.4829 4.77789 5.79063 5.09676H10.4124ZM2.51212 7.21865V9.95002C2.51212 10.2865 2.78454 10.5601 3.12133 10.5601H11.2446V6.60807H3.12133C2.78454 6.60807 2.51212 6.88222 2.51212 7.21865ZM12.7559 12.0715V21.4894H19.5107C19.8483 21.4894 20.1216 21.2157 20.1216 20.8792V12.6825C20.1216 12.346 19.8483 12.0715 19.5107 12.0715H12.7559ZM19.1087 3.35247C19.0939 3.18692 19.0263 2.9677 18.6534 2.72189C18.3033 2.48973 17.8165 2.44695 17.2182 2.59794C16.0791 2.88341 14.6699 3.85675 13.5928 5.09676H18.2106C18.4862 4.81795 19.1692 3.97404 19.1087 3.35247ZM21.4891 7.21865C21.4891 6.88225 21.2159 6.60807 20.8784 6.60807H12.7559V10.5601H20.8784C21.2159 10.5601 21.4891 10.2865 21.4891 9.95002V7.21865Z"
							fill="currentColor"></path>
						<rect x="7.6001" y="14.2" width="2.2" height="4.4" fill="currentColor"></rect>
					</svg></div>
				<span>{{$t('h_Tabnav.title4')}}</span>
			</div>
			<div :class="activeInd==4?'active':''" @click="go('/mine/mine')">
				<!-- <i v-if="activeInd==4" aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -4.11429rem;background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -3.6rem;background-size: 7.74286rem 7.70714rem;"></i>
					 -->
				<div v-if="activeInd==4" class="svg-icon-UPCeJdd"
					style="fill: var(--theme-mine-icon-color); stroke: var(--theme-mine-icon-color);width: 0.5rem; height: 0.5rem;">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<rect x="11" y="14.16" width="2" height="5.88215" rx="1" fill="currentColor"></rect>
						<path
							d="M17.1569 6.48336C17.1569 9.08357 15.0026 11.2167 12.3137 11.2167C9.62475 11.2167 7.47046 9.08357 7.47046 6.48336C7.47046 3.88315 9.62475 1.75 12.3137 1.75C15.0026 1.75 17.1569 3.88315 17.1569 6.48336Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<path
							d="M10.8036 11.9857H13.1964C18.1966 11.9857 22.25 16.0391 22.25 21.0393C22.25 21.708 21.7079 22.25 21.0393 22.25H2.96072C2.29206 22.25 1.75 21.708 1.75 21.0393C1.75 16.0391 5.80343 11.9857 10.8036 11.9857Z"
							stroke="currentColor" stroke-width="1.5"></path>
					</svg>
				</div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<rect x="11" y="14.16" width="2" height="5.88215" rx="1" fill="currentColor"></rect>
						<path
							d="M17.1569 6.48336C17.1569 9.08357 15.0026 11.2167 12.3137 11.2167C9.62475 11.2167 7.47046 9.08357 7.47046 6.48336C7.47046 3.88315 9.62475 1.75 12.3137 1.75C15.0026 1.75 17.1569 3.88315 17.1569 6.48336Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<path
							d="M10.8036 11.9857H13.1964C18.1966 11.9857 22.25 16.0391 22.25 21.0393C22.25 21.708 21.7079 22.25 21.0393 22.25H2.96072C2.29206 22.25 1.75 21.708 1.75 21.0393C1.75 16.0391 5.80343 11.9857 10.8036 11.9857Z"
							stroke="currentColor" stroke-width="1.5"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title5')}}</span>
			</div>
		</div>
		<div class="box" v-else-if="template_color==3">
			<div :class="activeInd==0?'active':''" @click="go('/')">
				<!-- <i v-if="activeInd==0" aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -1.02857rem;
				background-size: 7.74286rem 7.70714rem;"></i>
							<i v-else aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -0.514286rem;
				background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==0" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M9.47363 16.8744C9.47363 15.4569 10.6228 14.3077 12.0403 14.3077V14.3077C13.4578 14.3077 14.6069 15.4569 14.6069 16.8744V22H9.47363V16.8744Z"
							fill="currentColor"></path>
						<mask id="path-2-inside-1_2785_100151" fill="white">
							<path fill-rule="evenodd" clip-rule="evenodd"
								d="M5.27464 22C4.61816 22 3.79755 21.8314 3.79755 20.4828V13.2339H1.49983C1.00747 13.2339 0.679224 12.0538 1.49983 11.2109C1.96225 10.7359 4.66563 8.17325 7.02564 5.93607C8.85371 4.20314 10.4758 2.66551 10.6907 2.44476C10.9611 2.16695 11.4792 1.99088 12.0001 2.00037C12.5209 1.99088 13.039 2.16695 13.3094 2.44476C13.5244 2.66551 15.1464 4.20315 16.9745 5.93609C19.3345 8.17327 22.0379 10.7359 22.5003 11.2109C23.3209 12.0538 22.9927 13.2339 22.5003 13.2339H20.2026V20.4828C20.2026 21.8314 19.382 22 18.7255 22H13.1525H10.8476H5.27464Z">
							</path>
						</mask>
						<path
							d="M3.79755 13.2339H5.29755V11.7339H3.79755V13.2339ZM1.49983 11.2109L2.57461 12.2573L2.57461 12.2573L1.49983 11.2109ZM7.02564 5.93607L8.05759 7.02468L8.05759 7.02468L7.02564 5.93607ZM10.6907 2.44476L9.6159 1.3984L9.6159 1.3984L10.6907 2.44476ZM12.0001 2.00037L11.9727 3.50012L12.0001 3.50061L12.0274 3.50012L12.0001 2.00037ZM13.3094 2.44476L14.3842 1.3984L14.3842 1.3984L13.3094 2.44476ZM16.9745 5.93609L15.9426 7.0247L15.9426 7.0247L16.9745 5.93609ZM22.5003 11.2109L23.5751 10.1645L23.5751 10.1645L22.5003 11.2109ZM20.2026 13.2339V11.7339H18.7026V13.2339H20.2026ZM2.29755 20.4828C2.29755 21.4733 2.61632 22.3797 3.40259 22.9565C4.09293 23.463 4.87482 23.5 5.27464 23.5V20.5C5.22388 20.5 5.18293 20.4983 5.14966 20.4955C5.11633 20.4927 5.09604 20.4891 5.08622 20.487C5.07656 20.4849 5.08217 20.4852 5.09855 20.4921C5.1157 20.4993 5.14399 20.5133 5.17723 20.5377C5.19369 20.5498 5.21031 20.5636 5.22649 20.5792C5.24271 20.5948 5.2574 20.6111 5.27037 20.6276C5.28334 20.6441 5.2936 20.6595 5.30149 20.6729C5.30935 20.6863 5.3142 20.6966 5.31683 20.7028C5.32211 20.7153 5.31724 20.7082 5.31102 20.6731C5.3047 20.6375 5.29755 20.5761 5.29755 20.4828H2.29755ZM2.29755 13.2339V20.4828H5.29755V13.2339H2.29755ZM1.49983 14.7339H3.79755V11.7339H1.49983V14.7339ZM0.425061 10.1645C-0.31189 10.9215 -0.568511 11.8737 -0.484717 12.6914C-0.443944 13.0892 -0.315265 13.5229 -0.0496598 13.9C0.209681 14.2683 0.726273 14.7339 1.49983 14.7339V11.7339C2.02721 11.7339 2.31814 12.052 2.4031 12.1726C2.45231 12.2425 2.47538 12.2986 2.48568 12.3286C2.49653 12.3602 2.49904 12.3795 2.49965 12.3855C2.50139 12.4025 2.49095 12.3432 2.57461 12.2573L0.425061 10.1645ZM5.99368 4.84746C3.65619 7.06329 0.915272 9.66102 0.42506 10.1645L2.57461 12.2573C3.00924 11.8108 5.67506 9.28321 8.05759 7.02468L5.99368 4.84746ZM9.6159 1.3984C9.42887 1.59051 7.84606 3.09149 5.99368 4.84746L8.05759 7.02468C9.86136 5.31479 11.5227 3.7405 11.7655 3.49111L9.6159 1.3984ZM12.0274 0.500614C11.2394 0.486264 10.2641 0.732629 9.6159 1.3984L11.7654 3.49111C11.7234 3.53433 11.6943 3.55106 11.6936 3.55151C11.6916 3.55265 11.7043 3.54518 11.7337 3.53519C11.7963 3.51393 11.8835 3.49849 11.9727 3.50012L12.0274 0.500614ZM12.0274 3.50012C12.1166 3.49849 12.2038 3.51393 12.2664 3.53519C12.2958 3.54518 12.3085 3.55265 12.3066 3.55151C12.3058 3.55106 12.2767 3.53433 12.2347 3.49111L14.3842 1.3984C13.736 0.732629 12.7607 0.486264 11.9727 0.500614L12.0274 3.50012ZM12.2347 3.49111C12.4775 3.74051 14.1388 5.3148 15.9426 7.0247L18.0065 4.84748C16.1541 3.0915 14.5712 1.59051 14.3842 1.3984L12.2347 3.49111ZM15.9426 7.0247C18.3251 9.28323 20.9909 11.8108 21.4255 12.2573L23.5751 10.1645C23.0848 9.66102 20.3439 7.06331 18.0065 4.84748L15.9426 7.0247ZM21.4255 12.2573C21.5092 12.3432 21.4987 12.4025 21.5005 12.3855C21.5011 12.3795 21.5036 12.3602 21.5144 12.3286C21.5247 12.2986 21.5478 12.2425 21.597 12.1726C21.682 12.052 21.9729 11.7339 22.5003 11.7339V14.7339C23.2738 14.7339 23.7904 14.2683 24.0498 13.9C24.3154 13.5229 24.4441 13.0892 24.4848 12.6914C24.5686 11.8737 24.312 10.9215 23.5751 10.1645L21.4255 12.2573ZM22.5003 11.7339H20.2026V14.7339H22.5003V11.7339ZM18.7026 13.2339V20.4828H21.7026V13.2339H18.7026ZM18.7026 20.4828C18.7026 20.5761 18.6954 20.6375 18.6891 20.6731C18.6829 20.7082 18.678 20.7153 18.6833 20.7028C18.6859 20.6966 18.6908 20.6863 18.6986 20.6729C18.7065 20.6595 18.7168 20.6441 18.7297 20.6276C18.7427 20.6111 18.7574 20.5948 18.7736 20.5792C18.7898 20.5636 18.8064 20.5498 18.8229 20.5377C18.8561 20.5133 18.8844 20.4993 18.9016 20.4921C18.918 20.4852 18.9236 20.4849 18.9139 20.487C18.9041 20.4891 18.8838 20.4927 18.8505 20.4955C18.8172 20.4983 18.7762 20.5 18.7255 20.5V23.5C19.1253 23.5 19.9072 23.463 20.5975 22.9565C21.3838 22.3797 21.7026 21.4733 21.7026 20.4828H18.7026ZM18.7255 20.5H13.1525V23.5H18.7255V20.5ZM13.1525 20.5H10.8476V23.5H13.1525V20.5ZM5.27464 23.5H10.8476V20.5H5.27464V23.5Z"
							fill="currentColor" mask="url(#path-2-inside-1_2785_100151)"></path>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M9.47363 16.8744C9.47363 15.4569 10.6228 14.3077 12.0403 14.3077V14.3077C13.4578 14.3077 14.6069 15.4569 14.6069 16.8744V22H9.47363V16.8744Z"
							fill="currentColor"></path>
						<mask id="path-2-inside-1_2785_100151" fill="white">
							<path fill-rule="evenodd" clip-rule="evenodd"
								d="M5.27464 22C4.61816 22 3.79755 21.8314 3.79755 20.4828V13.2339H1.49983C1.00747 13.2339 0.679224 12.0538 1.49983 11.2109C1.96225 10.7359 4.66563 8.17325 7.02564 5.93607C8.85371 4.20314 10.4758 2.66551 10.6907 2.44476C10.9611 2.16695 11.4792 1.99088 12.0001 2.00037C12.5209 1.99088 13.039 2.16695 13.3094 2.44476C13.5244 2.66551 15.1464 4.20315 16.9745 5.93609C19.3345 8.17327 22.0379 10.7359 22.5003 11.2109C23.3209 12.0538 22.9927 13.2339 22.5003 13.2339H20.2026V20.4828C20.2026 21.8314 19.382 22 18.7255 22H13.1525H10.8476H5.27464Z">
							</path>
						</mask>
						<path
							d="M3.79755 13.2339H5.29755V11.7339H3.79755V13.2339ZM1.49983 11.2109L2.57461 12.2573L2.57461 12.2573L1.49983 11.2109ZM7.02564 5.93607L8.05759 7.02468L8.05759 7.02468L7.02564 5.93607ZM10.6907 2.44476L9.6159 1.3984L9.6159 1.3984L10.6907 2.44476ZM12.0001 2.00037L11.9727 3.50012L12.0001 3.50061L12.0274 3.50012L12.0001 2.00037ZM13.3094 2.44476L14.3842 1.3984L14.3842 1.3984L13.3094 2.44476ZM16.9745 5.93609L15.9426 7.0247L15.9426 7.0247L16.9745 5.93609ZM22.5003 11.2109L23.5751 10.1645L23.5751 10.1645L22.5003 11.2109ZM20.2026 13.2339V11.7339H18.7026V13.2339H20.2026ZM2.29755 20.4828C2.29755 21.4733 2.61632 22.3797 3.40259 22.9565C4.09293 23.463 4.87482 23.5 5.27464 23.5V20.5C5.22388 20.5 5.18293 20.4983 5.14966 20.4955C5.11633 20.4927 5.09604 20.4891 5.08622 20.487C5.07656 20.4849 5.08217 20.4852 5.09855 20.4921C5.1157 20.4993 5.14399 20.5133 5.17723 20.5377C5.19369 20.5498 5.21031 20.5636 5.22649 20.5792C5.24271 20.5948 5.2574 20.6111 5.27037 20.6276C5.28334 20.6441 5.2936 20.6595 5.30149 20.6729C5.30935 20.6863 5.3142 20.6966 5.31683 20.7028C5.32211 20.7153 5.31724 20.7082 5.31102 20.6731C5.3047 20.6375 5.29755 20.5761 5.29755 20.4828H2.29755ZM2.29755 13.2339V20.4828H5.29755V13.2339H2.29755ZM1.49983 14.7339H3.79755V11.7339H1.49983V14.7339ZM0.425061 10.1645C-0.31189 10.9215 -0.568511 11.8737 -0.484717 12.6914C-0.443944 13.0892 -0.315265 13.5229 -0.0496598 13.9C0.209681 14.2683 0.726273 14.7339 1.49983 14.7339V11.7339C2.02721 11.7339 2.31814 12.052 2.4031 12.1726C2.45231 12.2425 2.47538 12.2986 2.48568 12.3286C2.49653 12.3602 2.49904 12.3795 2.49965 12.3855C2.50139 12.4025 2.49095 12.3432 2.57461 12.2573L0.425061 10.1645ZM5.99368 4.84746C3.65619 7.06329 0.915272 9.66102 0.42506 10.1645L2.57461 12.2573C3.00924 11.8108 5.67506 9.28321 8.05759 7.02468L5.99368 4.84746ZM9.6159 1.3984C9.42887 1.59051 7.84606 3.09149 5.99368 4.84746L8.05759 7.02468C9.86136 5.31479 11.5227 3.7405 11.7655 3.49111L9.6159 1.3984ZM12.0274 0.500614C11.2394 0.486264 10.2641 0.732629 9.6159 1.3984L11.7654 3.49111C11.7234 3.53433 11.6943 3.55106 11.6936 3.55151C11.6916 3.55265 11.7043 3.54518 11.7337 3.53519C11.7963 3.51393 11.8835 3.49849 11.9727 3.50012L12.0274 0.500614ZM12.0274 3.50012C12.1166 3.49849 12.2038 3.51393 12.2664 3.53519C12.2958 3.54518 12.3085 3.55265 12.3066 3.55151C12.3058 3.55106 12.2767 3.53433 12.2347 3.49111L14.3842 1.3984C13.736 0.732629 12.7607 0.486264 11.9727 0.500614L12.0274 3.50012ZM12.2347 3.49111C12.4775 3.74051 14.1388 5.3148 15.9426 7.0247L18.0065 4.84748C16.1541 3.0915 14.5712 1.59051 14.3842 1.3984L12.2347 3.49111ZM15.9426 7.0247C18.3251 9.28323 20.9909 11.8108 21.4255 12.2573L23.5751 10.1645C23.0848 9.66102 20.3439 7.06331 18.0065 4.84748L15.9426 7.0247ZM21.4255 12.2573C21.5092 12.3432 21.4987 12.4025 21.5005 12.3855C21.5011 12.3795 21.5036 12.3602 21.5144 12.3286C21.5247 12.2986 21.5478 12.2425 21.597 12.1726C21.682 12.052 21.9729 11.7339 22.5003 11.7339V14.7339C23.2738 14.7339 23.7904 14.2683 24.0498 13.9C24.3154 13.5229 24.4441 13.0892 24.4848 12.6914C24.5686 11.8737 24.312 10.9215 23.5751 10.1645L21.4255 12.2573ZM22.5003 11.7339H20.2026V14.7339H22.5003V11.7339ZM18.7026 13.2339V20.4828H21.7026V13.2339H18.7026ZM18.7026 20.4828C18.7026 20.5761 18.6954 20.6375 18.6891 20.6731C18.6829 20.7082 18.678 20.7153 18.6833 20.7028C18.6859 20.6966 18.6908 20.6863 18.6986 20.6729C18.7065 20.6595 18.7168 20.6441 18.7297 20.6276C18.7427 20.6111 18.7574 20.5948 18.7736 20.5792C18.7898 20.5636 18.8064 20.5498 18.8229 20.5377C18.8561 20.5133 18.8844 20.4993 18.9016 20.4921C18.918 20.4852 18.9236 20.4849 18.9139 20.487C18.9041 20.4891 18.8838 20.4927 18.8505 20.4955C18.8172 20.4983 18.7762 20.5 18.7255 20.5V23.5C19.1253 23.5 19.9072 23.463 20.5975 22.9565C21.3838 22.3797 21.7026 21.4733 21.7026 20.4828H18.7026ZM18.7255 20.5H13.1525V23.5H18.7255V20.5ZM13.1525 20.5H10.8476V23.5H13.1525V20.5ZM5.27464 23.5H10.8476V20.5H5.27464V23.5Z"
							fill="currentColor" mask="url(#path-2-inside-1_2785_100151)"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title1')}}</span>
			</div>
			<!-- '/preferential/preferential' -->
			<div :class="activeInd==1?'active':''" @click="go('/preferential/live')">
				<!-- <i v-if="activeInd==1" aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: 0rem -6.47143rem;
				background-size: 7.74286rem 7.70714rem;"></i>
							<i v-else aria-hidden="true" focusable="false" style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -5.65714rem;
				background-size: 7.74286rem 7.70714rem;"></i> -->
				<div v-if="activeInd==1" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24"
						height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-bg-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-bg-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-secondary-color-help-text-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-secondary-color-help-text-color)"></path>
					</svg></div>

				

				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22.5001 19.7225L15.8257 22.2736V1.72639L22.5001 4.2775V19.7225Z" class="twoToneStroke"
							stroke="var(--theme-secondary-color-help-text-color)"></path>
						<path fill-rule="evenodd" clip-rule="evenodd"
							d="M6.5 2H6V2.5V10.119H7V3H14.4707V2H6.5ZM6.5 22.0476H6V21.5476V13.9286H7V21.0476H14.4707V22.0476H6.5Z"
							class="twoToneFill" fill="var(--theme-secondary-color-help-text-color)"></path>
						<rect x="1" y="10.7778" width="8.18605" height="1.95556" rx="0.977778"
							fill="var(--theme-bg-color)"></rect>
						<path d="M8.16284 14.6889V8.8222L12.7675 11.7555L8.16284 14.6889Z"
							fill="var(--theme-bg-color)"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title2')}}</span>
			</div>
			<div :class="activeInd==2?'active':''" @click="go('/mine/promotion')">
				<!-- <i v-if="activeInd==2" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.56rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position: -6.8rem -1.54286rem;background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -1.54286rem;background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==2" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M13.3095 6.75H22.25V12.75H13.3095C11.6987 12.75 10.3928 11.4442 10.3928 9.83333V9.66667C10.3928 8.05584 11.6987 6.75 13.3095 6.75Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<rect x="1.75" y="3.75" width="20.5" height="16.5" rx="1.25" stroke="currentColor"
							stroke-width="1.5"></rect>
						<rect x="4.66675" y="6.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="9.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="12.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="15.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<ellipse cx="14.2699" cy="9.75" rx="1.57143" ry="1.5" fill="currentColor"></ellipse>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path
							d="M13.3095 6.75H22.25V12.75H13.3095C11.6987 12.75 10.3928 11.4442 10.3928 9.83333V9.66667C10.3928 8.05584 11.6987 6.75 13.3095 6.75Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<rect x="1.75" y="3.75" width="20.5" height="16.5" rx="1.25" stroke="currentColor"
							stroke-width="1.5"></rect>
						<rect x="4.66675" y="6.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="9.33337" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="12.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<rect x="4.66675" y="15.3334" width="0.785714" height="2.25" rx="0.392857" fill="currentColor">
						</rect>
						<ellipse cx="14.2699" cy="9.75" rx="1.57143" ry="1.5" fill="currentColor"></ellipse>
					</svg></div><span>{{$t('l_tuiguang')}}</span>
			</div>
			<!-- <div :class="activeInd==2?'active':''" @click="go('/recharge/recharge')">
				<i v-if="activeInd==2" aria-hidden="true" focusable="false"
					style="display: inline-block;position: relative;width: 0.56rem;height: 0.5rem;background-image: url(/icons/index/mains22.png);background-position: -4.58rem -5.48rem;background-size: 7.72143rem 7.12143rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/mains22.png);background-position: -4.05rem -5.48rem;background-size: 7.72143rem 7.12143rem;"></i>
				<span>{{$t('h_Tabnav.title3')}}</span>
			</div> -->
			<div :class="activeInd==3?'active':''" @click="go('/index/sevCus')">
				<!-- <i v-if="activeInd==3" aria-hidden="true" focusable="false"
				style="display: inline-block;position: relative;width: 0.5rem;height: 0.5rem;background-image: url(/icons/index/main2.png);background-position:-5.14286rem -5.95714rem;background-size:7.74286rem 7.70714rem;"></i>
			<i v-else aria-hidden="true" focusable="false"
				style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -5.14286rem -5.95714rem;background-size: 7.74286rem 7.70714rem;"></i> -->

				<div v-if="activeInd==3" class="svg-icon-UPCeJdd" style="width: 0.5rem; height: 0.5rem;"><svg width="24"
						height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M3.12133 5.09676H3.89385C3.50211 4.43321 3.3302 3.8003 3.38512 3.21323C3.4307 2.72189 3.66379 2.01917 4.51796 1.45914C5.22614 0.99372 6.13685 0.879567 7.14722 1.13174C8.78568 1.5427 10.7248 2.95556 11.9998 4.66301C13.2756 2.95559 15.2132 1.5427 16.8516 1.13174C17.8628 0.877928 18.7743 0.992886 19.4824 1.45914C20.3358 2.01917 20.569 2.72189 20.6145 3.21323C20.6695 3.8003 20.4991 4.43321 20.1058 5.09676H20.8783C22.0481 5.09676 23 6.04848 23 7.21792V9.95002C23 10.8751 22.3892 11.6927 21.5056 11.9673C21.5896 12.1994 21.6335 12.4394 21.6335 12.6825V20.8793C21.6335 22.0479 20.6805 23 19.5107 23H4.48657C3.31682 23 2.3653 22.0479 2.3653 20.8793V12.6825C2.3653 12.4378 2.40765 12.197 2.49166 11.9664C1.60932 11.6903 0.999999 10.8727 0.999999 9.94999V7.21862C1.00003 6.04926 1.95156 5.09676 3.12133 5.09676ZM4.4866 21.4894H11.2446V12.0715H4.48657C4.14975 12.0715 3.87661 12.346 3.87661 12.6825V20.8792C3.87664 21.2157 4.14978 21.4894 4.4866 21.4894ZM10.4124 5.09676C9.3376 3.85828 7.92686 2.88503 6.78137 2.59794C6.18632 2.44895 5.69958 2.48973 5.34705 2.72189C4.97253 2.96773 4.9059 3.18692 4.89091 3.35247C4.83131 3.95948 5.4829 4.77789 5.79063 5.09676H10.4124ZM2.51212 7.21865V9.95002C2.51212 10.2865 2.78454 10.5601 3.12133 10.5601H11.2446V6.60807H3.12133C2.78454 6.60807 2.51212 6.88222 2.51212 7.21865ZM12.7559 12.0715V21.4894H19.5107C19.8483 21.4894 20.1216 21.2157 20.1216 20.8792V12.6825C20.1216 12.346 19.8483 12.0715 19.5107 12.0715H12.7559ZM19.1087 3.35247C19.0939 3.18692 19.0263 2.9677 18.6534 2.72189C18.3033 2.48973 17.8165 2.44695 17.2182 2.59794C16.0791 2.88341 14.6699 3.85675 13.5928 5.09676H18.2106C18.4862 4.81795 19.1692 3.97404 19.1087 3.35247ZM21.4891 7.21865C21.4891 6.88225 21.2159 6.60807 20.8784 6.60807H12.7559V10.5601H20.8784C21.2159 10.5601 21.4891 10.2865 21.4891 9.95002V7.21865Z"
							fill="currentColor"></path>
						<rect x="7.6001" y="14.2" width="2.2" height="4.4" fill="currentColor"></rect>
					</svg></div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg width="24" height="24"
						viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M3.12133 5.09676H3.89385C3.50211 4.43321 3.3302 3.8003 3.38512 3.21323C3.4307 2.72189 3.66379 2.01917 4.51796 1.45914C5.22614 0.99372 6.13685 0.879567 7.14722 1.13174C8.78568 1.5427 10.7248 2.95556 11.9998 4.66301C13.2756 2.95559 15.2132 1.5427 16.8516 1.13174C17.8628 0.877928 18.7743 0.992886 19.4824 1.45914C20.3358 2.01917 20.569 2.72189 20.6145 3.21323C20.6695 3.8003 20.4991 4.43321 20.1058 5.09676H20.8783C22.0481 5.09676 23 6.04848 23 7.21792V9.95002C23 10.8751 22.3892 11.6927 21.5056 11.9673C21.5896 12.1994 21.6335 12.4394 21.6335 12.6825V20.8793C21.6335 22.0479 20.6805 23 19.5107 23H4.48657C3.31682 23 2.3653 22.0479 2.3653 20.8793V12.6825C2.3653 12.4378 2.40765 12.197 2.49166 11.9664C1.60932 11.6903 0.999999 10.8727 0.999999 9.94999V7.21862C1.00003 6.04926 1.95156 5.09676 3.12133 5.09676ZM4.4866 21.4894H11.2446V12.0715H4.48657C4.14975 12.0715 3.87661 12.346 3.87661 12.6825V20.8792C3.87664 21.2157 4.14978 21.4894 4.4866 21.4894ZM10.4124 5.09676C9.3376 3.85828 7.92686 2.88503 6.78137 2.59794C6.18632 2.44895 5.69958 2.48973 5.34705 2.72189C4.97253 2.96773 4.9059 3.18692 4.89091 3.35247C4.83131 3.95948 5.4829 4.77789 5.79063 5.09676H10.4124ZM2.51212 7.21865V9.95002C2.51212 10.2865 2.78454 10.5601 3.12133 10.5601H11.2446V6.60807H3.12133C2.78454 6.60807 2.51212 6.88222 2.51212 7.21865ZM12.7559 12.0715V21.4894H19.5107C19.8483 21.4894 20.1216 21.2157 20.1216 20.8792V12.6825C20.1216 12.346 19.8483 12.0715 19.5107 12.0715H12.7559ZM19.1087 3.35247C19.0939 3.18692 19.0263 2.9677 18.6534 2.72189C18.3033 2.48973 17.8165 2.44695 17.2182 2.59794C16.0791 2.88341 14.6699 3.85675 13.5928 5.09676H18.2106C18.4862 4.81795 19.1692 3.97404 19.1087 3.35247ZM21.4891 7.21865C21.4891 6.88225 21.2159 6.60807 20.8784 6.60807H12.7559V10.5601H20.8784C21.2159 10.5601 21.4891 10.2865 21.4891 9.95002V7.21865Z"
							fill="currentColor"></path>
						<rect x="7.6001" y="14.2" width="2.2" height="4.4" fill="currentColor"></rect>
					</svg></div><span>{{$t('h_Tabnav.title4')}}</span>
			</div>
			<div :class="activeInd==4?'active':''" @click="go('/mine/mine')">
				<!-- <i v-if="activeInd==4" aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -4.11429rem;background-size: 7.74286rem 7.70714rem;"></i>
				<i v-else aria-hidden="true" focusable="false"
					style="display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; background-image: url(/icons/index/main2.png);background-position: -6.82857rem -3.6rem;background-size: 7.74286rem 7.70714rem;"></i>
					 -->
				<div v-if="activeInd==4" class="svg-icon-UPCeJdd"
					style="fill: var(--theme-mine-icon-color); stroke: var(--theme-mine-icon-color);width: 0.5rem; height: 0.5rem;">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<rect x="11" y="14.16" width="2" height="5.88215" rx="1" fill="currentColor"></rect>
						<path
							d="M17.1569 6.48336C17.1569 9.08357 15.0026 11.2167 12.3137 11.2167C9.62475 11.2167 7.47046 9.08357 7.47046 6.48336C7.47046 3.88315 9.62475 1.75 12.3137 1.75C15.0026 1.75 17.1569 3.88315 17.1569 6.48336Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<path
							d="M10.8036 11.9857H13.1964C18.1966 11.9857 22.25 16.0391 22.25 21.0393C22.25 21.708 21.7079 22.25 21.0393 22.25H2.96072C2.29206 22.25 1.75 21.708 1.75 21.0393C1.75 16.0391 5.80343 11.9857 10.8036 11.9857Z"
							stroke="currentColor" stroke-width="1.5"></path>
					</svg>
				</div>
				<div v-else class="svg-icon-UPCeJff" style="width: 0.5rem; height: 0.5rem;"><svg
						xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<rect x="11" y="14.16" width="2" height="5.88215" rx="1" fill="currentColor"></rect>
						<path
							d="M17.1569 6.48336C17.1569 9.08357 15.0026 11.2167 12.3137 11.2167C9.62475 11.2167 7.47046 9.08357 7.47046 6.48336C7.47046 3.88315 9.62475 1.75 12.3137 1.75C15.0026 1.75 17.1569 3.88315 17.1569 6.48336Z"
							stroke="currentColor" stroke-width="1.5"></path>
						<path
							d="M10.8036 11.9857H13.1964C18.1966 11.9857 22.25 16.0391 22.25 21.0393C22.25 21.708 21.7079 22.25 21.0393 22.25H2.96072C2.29206 22.25 1.75 21.708 1.75 21.0393C1.75 16.0391 5.80343 11.9857 10.8036 11.9857Z"
							stroke="currentColor" stroke-width="1.5"></path>
					</svg></div>
				<span>{{$t('h_Tabnav.title5')}}</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			activeInd: {
				type: Number,
				default: 0
			}
		},
		name: "Tabnav",
		data() {
			return {
				template_color: 1
			};
		},
		mounted() {
			console.log(this.template_color, 'tabnav---template_color')
			let that = this;
			this.$api.ConfigGetConfig({
				key: 'app_down_url',
			}, (res) => {
				if (res.code == 0) {
					that.template_color = res.data[1].value.template_color;
					// window.open(res.data[0].value)
					// that.$router.push('../../index/downloadapp?url=' + res.data[0].value)
				} else {
					// that.$message.error(res.msg);
				}
			})
		},
		methods: {
			go(path) {
				let userInfo = localStorage.getItem('userInfo')
				console.log(path != '/index/sevCus');
				console.log(path != '/preferential/live')
				// return
				if (!userInfo && path != '/index/sevCus' && path != '/preferential/live') {
					console.log('没登陆')
					localStorage.setItem('login', 1)
					window.location.replace('/')
					// this.$message.error(this.$t('l_qingdenglu'));
					return
				}
				console.log(path, '点击了')
				console.log(path, '点击了')
				this.$router.push(path)
			}
		}
	}
</script>

<style lang="less">
	.tabnav {
		background: var(--theme-top-nav-bg);
		;
		position: fixed;
		z-index: 1000;
		bottom: 0;
		left: 0;
		width: 100vw;

		.box {
			align-items: center;
			background: var(--theme-main-bg-color);
			display: -ms-flexbox;
			display: flex;
			height: 1.24rem;
			justify-content: space-around;
			width: 100%;
			box-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.1);
			margin-bottom: constant(safe-area-inset-bottom);
			margin-bottom: env(safe-area-inset-bottom);
			box-sizing: border-box;

			div {
				position: relative;
				flex: 1;
				display: flex;
				flex-direction: column;
				text-align: center;
			}

			.active {
				span {
					color: var(--theme-filter-active-color);
				}
			}



			.sddf {
				width: 0.5rem;
				height: 0.5rem;
				margin: 0 auto 0.1rem;
			}

			i {
				width: 0.5rem;
				height: 0.5rem;
				margin: 0 auto 0.1rem;
			}

			span {
				font-size: .24rem;
				line-height: .24rem;
				color: var(--theme-btm-def-color);
				display: block;
				text-align: center;
				font-weight: bold;
			}
		}

	}

	.svg-icon-UPCeJff {
		width: 0.5rem;
		height: 0.5rem;
		margin: 0 auto 0.1rem;
		color: #fff;
	}

	.svg-icon-UPCeJdd {
		width: 0.5rem;
		height: 0.5rem;
		margin: 0 auto 0.1rem;
		color: var(--theme-primary-color);
	}
</style>